home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / search.css595 < prev    next >
Encoding:
Text File  |  2007-11-24  |  12.8 KB  |  604 lines
  1. /* 
  2. CSS Layout for the Episode Search page.
  3. */
  4.  
  5. html {
  6.     overflow-y:hidden;
  7.     overflow-x:hidden;
  8. }
  9.  
  10. #DIV_CONTENTS {
  11.     /* 
  12.     This is the divider line between the header and the content section.
  13.     Specifying any values here will override the default values found in styles.css
  14.     */
  15. }
  16. #SEARCH_HEADER {
  17.     position:absolute; 
  18.     width:100%; 
  19.     height:25px; 
  20.  
  21.     left:0; 
  22.  
  23.     background-color:#dcdcdc;
  24.     color:#000000;
  25.     overflow:hidden;
  26. }
  27. .forcedScrollbar {
  28.     /* 
  29.     This is a surrounding div which forces the content area to display a scrollbar if it becomes full.
  30.     Height should be set to more than the height of #INFO_HEADER (100 pixels more should be sufficient)
  31.     With proper z-indexing, doing this ensures a vertical scrollbar will appear. The extra content is simply hidden behind the
  32.     regular content area which has a higher z-index.
  33.     */
  34.     height:125px;
  35.     overflow:scroll;    /* force scrolling */
  36.     background-color:#dcdcdc;
  37.     
  38.     display:inline-block;
  39.     position:relative;
  40.  
  41.     width:100%;
  42.     
  43.     border-width:0;
  44.     padding:0;
  45. }
  46. .searchLabel {
  47.     font-size:11px;
  48.     font-weight:bold;
  49.     padding-left:3px;
  50.     padding-top:5px;
  51. }
  52. .filterLabel {
  53.     position:absolute;
  54.     top:5px;
  55.     left:3px;
  56.     display: inline-block;
  57.     font-weight:bold;
  58.     text-align:right;
  59.     padding: 0px 3px 3px 3px;
  60.     white-space: nowrap;
  61.     float:left;
  62.     vertical-align: middle;
  63.     line-height: 22px;
  64.     border:1px;
  65.     border-style: solid;
  66.     border-color: #000000;
  67. }
  68. .filterOpts {
  69.     position:absolute;
  70.     top:8px;
  71.     left:135px;
  72.     padding-top:3px;
  73.     padding-left:3px;
  74.     white-space: nowrap;
  75.     float:left;
  76.     vertical-align: middle;
  77. }
  78. .savedSearchLabel {
  79.     position:absolute;
  80.     top:43px;
  81.     left:18px;
  82.     display: inline-block;
  83.     font-weight:bold;
  84.     text-align:right;
  85.     padding: 0px 3px 3px 3px;
  86.     white-space: nowrap;
  87.     float:left;
  88.     vertical-align: middle;
  89.     line-height: 22px;
  90.     border:1px;
  91.     border-style: solid;
  92.     border-color: #000000;
  93. }
  94. .savedSearchOpts {
  95.     position:absolute;
  96.     top:43px;
  97.     left:135px;
  98.     padding-top:3px;
  99.     padding-left:3px;
  100.     white-space: nowrap;
  101.     float:left;
  102.     vertical-align: middle;
  103. }
  104. .savedSearchNameLabel {
  105.     position:absolute;
  106.     top:78px;
  107.     left:6px;
  108.     display: inline-block;
  109.     font-weight:bold;
  110.     text-align:right;
  111.     padding: 0px 3px 3px 3px;
  112.     white-space: nowrap;
  113.     float:left;
  114.     vertical-align: middle;
  115.     line-height: 22px;
  116.     border:1px;
  117.     border-style: solid;
  118.     border-color: #000000;
  119. }
  120. .savedSearchName {
  121.     position:absolute;
  122.     top:78px;
  123.     left:135px;
  124.     width:467px;
  125.     padding-top:3px;
  126.     padding-left:3px;
  127.     white-space: nowrap;
  128.     float:left;
  129.     vertical-align: middle;
  130. }
  131. .saveSearchControls {
  132.     position:absolute;
  133.     top:78px;
  134.     left:608px;
  135.     padding-top:3px;
  136.     padding-left:3px;
  137.     white-space: nowrap;
  138.     float:left;
  139.     vertical-align: middle;
  140. }
  141. .searchAreasLabel {
  142.     position:absolute;
  143.     top:113px;
  144.     left:43px;
  145.     display: inline-block;
  146.     font-weight:bold;
  147.     text-align:right;
  148.     padding: 0px 3px 3px 3px;
  149.     white-space: nowrap;
  150.     float:left;
  151.     vertical-align: middle;
  152.     line-height: 22px;
  153.     border:1px;
  154.     border-style: solid;
  155.     border-color: #000000;
  156. }
  157. .searchAreas {
  158.     position:absolute;
  159.     top:113px;
  160.     left:135px;
  161.     width:467px;
  162.     padding-top:3px;
  163.     padding-left:3px;
  164.     white-space: nowrap;
  165.     float:left;
  166.     vertical-align: middle;
  167. }
  168. .searchPhraseLabel {
  169.     position:absolute;
  170.     top:148px;
  171.     left:15px;
  172.     display: inline-block;
  173.     font-weight:bold;
  174.     text-align:right;
  175.     padding: 0px 3px 3px 3px;
  176.     white-space: nowrap;
  177.     float:left;
  178.     vertical-align: middle;
  179.     line-height: 22px;
  180.     border:1px;
  181.     border-style: solid;
  182.     border-color: #000000;
  183. }
  184. .searchPhraseArea {
  185.     position:absolute;
  186.     top:148px;
  187.     left:135px;
  188.     padding-top:3px;
  189.     padding-left:3px;
  190.     white-space: nowrap;
  191.     float:left;
  192.     vertical-align: middle;
  193. }
  194. .genreLabel {
  195.     position:absolute;
  196.     top:183px;
  197.     left:85px;
  198.     display: inline-block;
  199.     font-weight:bold;
  200.     text-align:right;
  201.     padding: 0px 3px 3px 3px;
  202.     white-space: nowrap;
  203.     float:left;
  204.     vertical-align: middle;
  205.     line-height: 22px;
  206.     border:1px;
  207.     border-style: solid;
  208.     border-color: #000000;
  209. }
  210. .genreArea {
  211.     position:absolute;
  212.     top:183px;
  213.     left:135px;
  214.     padding-top:3px;
  215.     padding-left:3px;
  216.     white-space: nowrap;
  217.     float:left;
  218.     vertical-align: middle;
  219. }
  220. .dateLabel {
  221.     position:absolute;
  222.     top:328px;
  223.     left:52px;
  224.     display: inline-block;
  225.     font-weight:bold;
  226.     text-align:right;
  227.     padding: 0px 3px 3px 3px;
  228.     white-space: nowrap;
  229.     float:left;
  230.     vertical-align: middle;
  231.     line-height: 22px;
  232.     border:1px;
  233.     border-style: solid;
  234.     border-color: #000000;
  235. }
  236. .startDateArea {
  237.     position:absolute;
  238.     top:328px;
  239.     left:135px;
  240.     padding-top:3px;
  241.     padding-left:3px;
  242.     white-space: nowrap;
  243.     float:left;
  244.     vertical-align: middle;
  245. }
  246. .endDateArea {
  247.     position:absolute;
  248.     top:164px;
  249.     left:193px;
  250.     padding-top:3px;
  251.     padding-left:3px;
  252.     white-space: nowrap;
  253.     float:left;
  254.     vertical-align: middle;
  255. }
  256. .timeLabel {
  257.     position:absolute;
  258.     top:363px;
  259.     left:52px;
  260.     display: inline-block;
  261.     font-weight:bold;
  262.     text-align:right;
  263.     padding: 0px 3px 3px 3px;
  264.     white-space: nowrap;
  265.     float:left;
  266.     vertical-align: middle;
  267.     line-height: 22px;
  268.     border:1px;
  269.     border-style: solid;
  270.     border-color: #000000;
  271. }
  272. .startTimeArea {
  273.     position:absolute;
  274.     top:182px;
  275.     left:68px;
  276.     padding-top:3px;
  277.     padding-left:3px;
  278.     white-space: nowrap;
  279.     float:left;
  280.     vertical-align: middle;
  281. }
  282. .endTimeArea {
  283.     position:absolute;
  284.     top:182px;
  285.     left:193px;
  286.     padding-top:3px;
  287.     padding-left:3px;
  288.     white-space: nowrap;
  289.     float:left;
  290.     vertical-align: middle;
  291. }
  292. .lengthLabel {
  293.     position:absolute;
  294.     top:398px;
  295.     left:26px;
  296.     display: inline-block;
  297.     font-weight:bold;
  298.     text-align:right;
  299.     padding: 0px 3px 3px 3px;
  300.     white-space: nowrap;
  301.     float:left;
  302.     vertical-align: middle;
  303.     line-height: 22px;
  304.     border:1px;
  305.     border-style: solid;
  306.     border-color: #000000;
  307. }
  308. .lengthArea {
  309.     position:absolute;
  310.     top:398px;
  311.     left:135px;
  312.     padding-top:3px;
  313.     padding-left:3px;
  314.     white-space: nowrap;
  315.     float:left;
  316.     vertical-align: middle;
  317. }
  318. .channelLabel {
  319.     position:absolute;
  320.     top:430px;
  321.     left:72px;
  322.     display: inline-block;
  323.     font-weight:bold;
  324.     text-align:right;
  325.     padding: 0px 3px 3px 3px;
  326.     white-space: nowrap;
  327.     float:left;
  328.     vertical-align: middle;
  329.     line-height: 22px;
  330.     border:1px;
  331.     border-style: solid;
  332.     border-color: #000000;
  333. }
  334. .channelArea {
  335.     position:absolute;
  336.     top:425px;
  337.     left:135px;
  338.     padding-top:3px;
  339.     padding-left:3px;
  340.     white-space: nowrap;
  341.     float:left;
  342.     vertical-align: middle;
  343. }
  344. .buttonArea {
  345.     position:absolute;
  346.     top:490px;
  347.     left:320px;
  348.     padding-top:3px;
  349.     padding-left:3px;
  350.     white-space: nowrap;
  351.     float:left;
  352.     vertical-align: middle;
  353. }
  354. #MANUAL_RECORD, .butSubmit, .butReset, .butDelete, .butUpdate, .butSave {
  355.     /* 
  356.     Basic styling for all the buttons on the page
  357.     */
  358.     display: inline-block;
  359.     height: 25px;
  360.     float:left;
  361. }
  362. .butSubmit A, .butReset A, .butDelete A, .butUpdate A, .butSave A {
  363.     /* 
  364.     Visual styling for all the buttons on the page
  365.     */
  366.     text-decoration: none;
  367.     font-size: 11px;
  368.     font-weight:bold;
  369.  
  370.     display: inline-block;
  371.     
  372.     border: 1px solid #000000;
  373.     margin: 4px 4px 0px 0px;
  374.  
  375.     padding: 2px 6px 2px 6px;
  376.  
  377.     background-color: #9acd32;
  378.     color: #000000;
  379.     
  380.     white-space: nowrap;
  381.     text-align: center;
  382.  
  383.     float:left;
  384. }
  385. .butSubmit A:active, .butReset A:active, .butDelete A:active, .butUpdate A:active, .butSave A:active {
  386.     color: #000000;
  387. } 
  388. .butSubmit A:visited, .butReset A:visited, .butDelete A:visited, .butUpdate A:visited, .butSave A:visited {
  389.     color: #000000;
  390. } 
  391. .butSubmit A:hover, .butReset A:hover, .butDelete A:hover, .butUpdate A:hover, .butSave A:hover {
  392.     color: #000000;
  393.     background-color: #cfe6a1;
  394. }
  395.  
  396. .butUpdate {
  397.     position:absolute;
  398.     left:615px;
  399.     top:43px;
  400.     padding-top:0px;
  401.     padding-left:3px;
  402.     white-space: nowrap;
  403.     float:left;
  404.     vertical-align: middle;
  405. }
  406. .butDelete {
  407.     position:absolute;
  408.     left:685px;
  409.     top:43px;
  410.     padding-top:0px;
  411.     padding-left:3px;
  412.     white-space: nowrap;
  413.     float:left;
  414.     vertical-align: middle;
  415. }
  416.  
  417. .butSave {
  418.     position:absolute;
  419.     left:7px;
  420.     padding-top:0px;
  421.     padding-left:3px;
  422.     white-space: nowrap;
  423.     float:left;
  424.     vertical-align: middle;
  425. }
  426. .autoSearch {
  427.     position:absolute;
  428.     top:70px;
  429.     left:665px;
  430.     padding-top:3px;
  431.     padding-left:3px;
  432.     white-space: nowrap;
  433.     float:left;
  434.     vertical-align: middle;
  435. }
  436. .autoRecord {
  437.     position:absolute;
  438.     top:89px;
  439.     left:665px;
  440.     padding-top:3px;
  441.     padding-left:3px;
  442.     white-space: nowrap;
  443.     float:left;
  444.     vertical-align: middle;
  445. }
  446. #MANUAL_RECORD A {
  447.     /*
  448.     Styling for the Manual Record button
  449.     */
  450.     float:left;    
  451.     display: inline-block;
  452.     height:25px;
  453.     left:515px;
  454.     position:absolute;
  455.     
  456.     border: 1px solid #000000;
  457.     margin: 6px 0px 2px 8px;
  458.     padding: 0px 6px 0px 6px;
  459.     background-color: #9acd32;
  460.     text-decoration: none;
  461.     line-height:25px;
  462.     vertical-align:middle;
  463.     font-size: 11px;
  464.     font-weight:bold;
  465.     color: #000000;
  466.     
  467.     white-space: nowrap;
  468.     text-align: center;
  469.  
  470.     overflow: hidden;
  471. }
  472. #MANUAL_RECORD A:active, #MANUAL_RECORD A:visited {
  473.     color: #000000;
  474. } 
  475. #MANUAL_RECORD A:hover {
  476.     color: #000000;
  477.     background-color: #cfe6a1;
  478. }
  479. .sep {
  480.     /*
  481.     Separator between links in the lower right of the footer.
  482.     Could also use a background image if desired by moving the text
  483.     off the screen.
  484.     */
  485.     padding-left:5px;
  486.     padding-right:5px;
  487. }
  488. #HIDDEN_TEXT {
  489.     /*
  490.     Hidden section used for custom javascript manipulation.
  491.     Can be used for anything.
  492.     */
  493.     position: absolute;
  494.     top: -9000px;
  495.     left: -9000px;
  496.     width: 0px;
  497.     height: 0px;
  498. }
  499.  
  500. /*
  501. *********************************************************************************************************************
  502. Absolute Positioning and Height                                                            
  503.  
  504. These values are consolidated into one place to make it easier to change size attributes seeing as changing
  505. any one of these values can affect all the others. Main declarations for these values appear earlier in the style sheet
  506. and then actual positioning values here.
  507.  
  508. These values are the key to maintaining proper size, positioning and scrolling behavior.
  509. *********************************************************************************************************************
  510. */
  511.  
  512. BODY {
  513.     /*
  514.     In order to maintain proper positioning and fixed scrolling, these values must be specified.
  515.     In effect, this absolutely positions the main body within the borders of the scrolling area.
  516.     Top value is the same as the top value of #RECORDINGS.
  517.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  518.     */
  519.     margin-top:158px;
  520.     margin-bottom:49px;
  521. }
  522. #HEADER {
  523.     /* 
  524.     The height of the entire header area from page top to the bottom of the navigation tabs.
  525.     The actual nav tabs are floated within this div.
  526.     */
  527.     height:92px;
  528. }
  529. #NAV_ROW {
  530.     /* 
  531.     The is the row containing the navigation tabs.
  532.     It is typically positioned at the bottom of the header
  533.     */
  534.     top:62px;
  535. }
  536. #NAV_ROW, #NAV_ROW A {
  537.     /* determines the height of the main navigation tabs */
  538.     height:32px;
  539. }
  540. #DIV_DATELINE {
  541.     /*
  542.     This is the divider line between the main header above and the section containing the server time
  543.      */
  544.     top:91px;
  545. }
  546. #DATELINE {
  547.     /* 
  548.     This is the section containing the server time, date, etc.
  549.     */
  550.     top:92px;
  551. }
  552. #REMINDER_DIV, #DATELINE {
  553.     /* Height of these individual elements would normally be the same as #DATELINE */
  554.     /*    Contains the Genre, date, time and GO button.*/
  555.     height:40px;
  556. }
  557. #SEARCH_HEADER {
  558.     /* 
  559.     This section contains the main, non-scrolling timeline at the top of the content section.
  560.     */
  561.     top:133px;
  562.     height:25px;
  563. }
  564. #DIV_CONTENTS {
  565.     /*
  566.     This is A divider line between any fixed top section within the content area and the content itself.
  567.     This is typically used in the guide page to separate the showtime header from the content.
  568.     In other pages which don't need this functionality it can simply be hidden.
  569.      */
  570.     top:158px;
  571. }
  572. #CONTENTS {
  573.     /* 
  574.     This is the main content area.
  575.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  576.     Both top and bottom values must be specified.
  577.     Top value would be the height of all foxed content above it.
  578.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  579.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  580.      */
  581.     position:absolute;
  582.     top:158px;
  583.     bottom:47px;
  584. }
  585. #DIV_FOOTER {
  586.     /* 
  587.     The divider between the main content area and the footer.
  588.     It must be absolutely positioned.
  589.     The bottom value would typically be the same as the height of the footer
  590.     */
  591.     bottom:50px;
  592. }
  593. #FOOTER {
  594.     /* 
  595.     Fixed area at the bottom of every page. This must be absolutely posiitioned for proper scrolling
  596.     Certain content will always be contained in this section such as standard GB-PVR documentation links and credits,
  597.     but it contains and left and right section which can be customized on each page.
  598.     
  599.     If the size of the footer changes make sure to adjust the content area's bottom value as well as the
  600.     divider section for the footer.
  601.     */
  602.     height:50px;
  603. }
  604.